<style>
    .table-box{
        border-left: 1px solid #ccc;
        overflow: scroll;
    }
    .table-box .col-box{
        display: inline-block;
        margin-left:-1px;
    }
    .table-box .col-box .td-box{
        display: inline-block;
        height: 30px;
        width: 100%;
        border: 1px solid #ccc;
        padding: 0 5px;
        margin-top: -1px;
    }
</style>
<template>
    <div class="table-box">
        <div class="col-box">
            <div class="td-box">
                xxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="td-box">

                xxx
            </div>
            <div class="td-box">
                xxxxxxx
            </div>
            <div class="td-box">
                xxx
            </div>
        </div>
        <div class="col-box">
            <div class="td-box">
                xxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="td-box">

                xxx
            </div>
            <div class="td-box">
                xxxxxxx
            </div>
            <div class="td-box">
                xxx
            </div>
        </div>
        <div class="col-box">
            <div class="td-box">
                xxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="td-box">

                xxx
            </div>
            <div class="td-box">
                xxxxxxx
            </div>
            <div class="td-box">
                xxx
            </div>
        </div>
        <div class="col-box">
            <div class="td-box">
                xxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="td-box">

                xxx
            </div>
            <div class="td-box">
                xxxxxxx
            </div>
            <div class="td-box">
                xxx
            </div>
        </div>
        <div class="col-box">
            <div class="td-box">
                xxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="td-box">

                xxx
            </div>
            <div class="td-box">
                xxxxxxx
            </div>
            <div class="td-box">
                xxx
            </div>
        </div>
        <div class="col-box">
            <div class="td-box">
                xxxxxxxxxxxxxxxxxxxxxxxxxxx
            </div>
            <div class="td-box">

                xxx
            </div>
            <div class="td-box">
                xxxxxxx
            </div>
            <div class="td-box">
                xxx
            </div>
        </div>
    </div>
    <!--body end-->
</template>
<script>
    module.exports = {
        data: function() {
            return {

            }
        },
        methods: {
            success:function(data){

            },
            render: function(){

            }
        },
        ready: function() {
            var _this = this;
            var loads = function(){
                _this.render();
                _this.authNo = VIE.QueryString('authNo');
            }
            var name = window.location.hash.split('?')[0].replace("#/","");
            if(!router.fn[name]){
                loads();
                router.fn[name] = loads;
            }
        }
    };

</script>